.pay_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9993;
}
.pay_Modal {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 2rpx 0px rgba(0, 0, 0, 0.54);
	view,
	text {
		font-weight: bold;
	}
	.Modal_title {
		padding: 24rpx 40rpx;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		border-bottom: 2rpx solid #e7ebee;
		.no {
			font-weight: bold;
			color: #c5cfd5;
		}
		.one {
			font-size: 36rpx;
			font-weight: bold;
		}
		.yes {
			font-weight: bold;
			color: $blue;
		}
	}
	.list {
		padding-bottom: 138rpx;
		.block {
			display: flex;
			align-items: center;
			height: 100rpx;
			border-bottom: 2rpx solid #e7ebee;
			justify-content: space-between;
			padding: 0 34rpx 0 38rpx;
			text {
				color: #c5cfd5;
			}
			.left {
				display: flex;
				align-items: center;
				&.active {
					text {
						color: #1f3f59;
					}
				}
				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 16rpx;
				}
				.name {
					width: 100rpx;
				}
			}
			.right {
			}
		}
	}
}

.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 1);
	z-index: 999;
}
.c_modal {
	z-index: 9999;
	position: fixed;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	image {
		width: 100%;
	}
}
.down {
	z-index: 9999;
	width: 44rpx;
	height: 44rpx;
	position: fixed;
	bottom: 30rpx;
	right: 24rpx;
}
.c2cTrade {
	view,
	text {
		font-weight: bold;
	}
	.nav_top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 28rpx 44rpx 8rpx;
		image {
			width: 44rpx;
			height: 44rpx;
		}
		.g_line {
			width: 150rpx;
			height: 8rpx;
			background: #c5cfd5;
		}
		.b_line {
			width: 150rpx;
			height: 8rpx;
			background: $blue;
		}
		.c_line {
			width: 242rpx;
			height: 8rpx;
			background: #c5cfd5;
		}
		.gc_line {
			width: 242rpx;
			height: 8rpx;
			background: $blue;
		}
	}
	.nav_word {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 28rpx 28rpx;
		border-bottom: 2rpx solid #f8f9fb;
		text {
			font-size: 24rpx;
			color: #c5cfd5;
			&.active {
				color: $blue;
			}
		}
	}

	.cancel_btn {
		height: 60rpx;
		background: #f8f9fb;
		display: flex;
		align-items: center;
		padding-left: 26rpx;
		color: $blue;
	}
	.top {
		height: 64rpx;
		border-bottom: 2rpx solid #f8f9fb;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 26rpx;
		.left {
			display: flex;
			align-items: center;
			text {
				color: #c5cfd5;
			}
			image {
				width: 28rpx;
				height: 30rpx;
				margin-left: 44rpx;
			}
		}
	}
	.block {
		background: rgba(255, 255, 255, 1);
		border-radius: 6upx;
		padding-bottom: 168rpx;
		.one {
			padding: 34rpx 26rpx 26rpx;
			.tb {
				display: flex;
				align-items: center;
				margin-bottom: 22rpx;
				&:last-child {
					margin-bottom: 0;
				}
				.ll {
					width: 290rpx;
					color: #c5cfd5;
				}
			}
		}
		.chats {
			background: #f8f9fb;
			.count {
				display: flex;
				justify-content: space-between;
				padding: 78rpx 26rpx 24rpx;
				text {
					color: $blue;
					&.gray {
						color: #c5cfd5;
						font-size: 24rpx;
					}
				}
			}
		}

		.wway {
			padding: 0 26rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 66rpx;
			border-top: 10upx solid #f8f9fb;
			border-bottom: 2upx solid #f8f9fb;
			.sway {
				color: #c5cfd5;
			}
			.sel {
				display: flex;
				align-items: center;
				text {
					color: $blue;
				}
			}
		}

		.two {
			.way_block {
				display: flex;
				margin-top: 26rpx;
				padding-bottom: 114rpx;
				border-bottom: 10rpx solid #f8f9fb;
				.ll {
					width: 200rpx;
					margin-left: 48rpx;
					image {
						width: 44rpx;
						height: 38rpx;
						display: block;
						margin-bottom: 30rpx;
						margin-left: 24rpx;
					}
				}
				.rr {
					image {
						width: 28rpx;
						height: 30rpx;
						margin-left: 36rpx;
					}
					.name {
						display: block;
						margin-top: 10rpx;
					}
					.num {
						display: flex;
						align-items: center;
					}
					.account {
						margin: 36rpx 0;
						display: flex;
						align-items: center;
					}
				}
				.zfb {
					image {
						width: 28rpx;
						height: 30rpx;
						margin-left: 36rpx;
					}
					.num {
						display: flex;
						align-items: center;
					}
					.account {
						margin: 10rpx 0 34rpx;
						display: flex;
						align-items: center;
					}
					.pic {
						width: 130rpx;
						height: 130rpx;
						margin-top: 32rpx;
						margin-left: 36rpx;
					}
					.tip {
						font-size: 24rpx;
						color: #c5cfd5;
						margin-top: 16rpx;
					}
				}
			}
		}
		.three {
			.remind {
				display: flex;
				align-items: center;
				color: #c5cfd5;
				font-size: 32rpx;
				padding: 0 26rpx;
				height: 66rpx;
				border-bottom: 2upx solid #f8f9fb;
			}
			.remind_content {
				padding: 0 26rpx;
				view {
					font-size: 24rpx;
					line-height: 40rpx;
					margin-bottom: 10rpx;
					.gray {
						color: #c5cfd5;
					}
					.red {
						color: #d14b64;
					}
				}
			}
		}
		.say {
			height: 70rpx;
			display: flex;
			align-items: center;
			padding: 0 70rpx 0 24rpx;
			font-size: 20rpx;
			line-height: 1.2;
			background: rgba(24, 130, 212, 0.1);
			position: fixed;
			bottom: 98rpx;
			left: 0;
		}
		.m_height {
			height: 98rpx;
		}
		.status_btm {
			position: fixed;
			bottom: 0;
			left: 0;
			height: 98rpx;
			display: flex;
			.msg {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 240rpx;
				height: 100%;
				background: #fff;
				image {
					width: 44rpx;
					height: 46rpx;
					margin-bottom: 6rpx;
				}
				text {
					font-size: 24rpx;
				}
			}
			.status {
				background: $blue;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 510rpx;
				color: #fff;
			}
		}
		.four {
			padding: 0 24rpx;
			.s_title {
				font-size: 24rpx;
				padding-top: 10rpx;
			}
			.btn {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 26upx 0;
				.btn1 {
					width: 261upx;
					height: 65upx;
					border: 2upx solid #488fd3;
					border-radius: 5upx;
					color: #488fd3;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.btn2 {
					width: 261upx;
					height: 65upx;
					border-radius: 5upx;
					background: #488fd3;
					color: #fff;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			.ss_title {
				display: flex;
				justify-content: center;
				font-size: 18rpx;
			}
		}
	}
}
.msg_model {
	padding: 20rpx 0 0;
	.colse {
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #488fd3;
		border-top: 2rpx solid #bfbfbf;
	}
	.subto {
		height: 100rpx;
		display: flex;
		align-items: center;
		border-top: 2rpx solid #bfbfbf;
		.no {
			height: 100%;
			color: #000;
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: 2rpx solid #bfbfbf;
		}
		.yes {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			color: #488fd3;
			flex: 1;
			text-align: center;
		}
	}
	.block {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 108rpx;
		margin-bottom: 38rpx;
		&.frs {
			margin-top: 22rpx;
		}
		&.lst {
			margin-bottom: 84rpx;
		}
		text {
			font-size: 24rpx;
		}
		image {
			width: 24rpx;
			height: 24rpx;
		}
	}
	.block1 {
		display: flex;
		align-items: center;
		justify-content: center;
		&.cc {
			text {
				display: block;
				width: 240rpx;
				font-size: 24rpx;
				text-align: left;
			}
		}
		&.c1 {
			margin: 28rpx auto 24rpx;
		}
		image {
			width: 148rpx;
			height: 148rpx;
			margin-top: 4rpx;
		}
	}
	.block2 {
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 180rpx;
		border-top: 2rpx solid #bfbfbf;
		.good {
			display: flex;
			align-items: center;
			justify-content: center;
			image {
				width: 48rpx;
				height: 48rpx;
				margin-right: 20rpx;
			}
			text {
				font-size: 30rpx;
			}
		}
	}
	.block3 {
		margin-top: 34rpx;
		padding: 0 80rpx;
		font-size: 24rpx;
		color: #434343;
		line-height: 1.2;
		&:first-child {
			margin: 0;
		}
		&:last-child {
			margin-bottom: 42rpx;
		}
	}
	.block4 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 180rpx;
	}
}
.uni-page-head-ft {
	padding-right: 20rpx !important;
}
